<template>
	<view class="container">
		<view class="center">
			<view class="form">
				<view class="list u-m-t-30  u-p-b-20 u-border-bottom u-flex u-row-between">
					<text class="zhaopintwo u-m-r-50">项目名称</text>
					<text class="zhaopintwo">武汉三六长江大桥</text>
				</view>
				<view class="list u-m-t-30 u-p-b-20 u-border-bottom u-flex u-row-between">
					<text class="zhaopintwo u-m-r-50">项目地点</text>
					<text class="zhaopintwo">信息资料</text>
				</view>
				<view class="list u-m-t-30 u-p-b-20 u-flex u-row-between">
					<text class="zhaopintwo u-m-r-50">项目规模</text>
					<text class="zhaopintwo">大型城市建筑</text>
				</view>
			</view>
			<view class="form">
				<view class="u-flex u-row-center myview">
					我的观点
				</view>
				<view class="u-flex u-row-center star u-m-t-20 u-p-b-20 u-border-bottom">
					<image src="../../static/img/shixin.png"></image>
					<image src="../../static/img/shixin.png"></image>
					<image src="../../static/img/shixin.png"></image>
					<image src="../../static/img/kongxin.png"></image>
				</view>
				<view class="u-m-t-20">
					本次项目完成的非常出色，我们再接再厉！
				</view>
				<view class="u-m-t-20 u-flex u-row-between zhihui">
					<view class="riqi">2020-10-05 09:46:23</view>
					<view class="zhaopintwo">
						50智汇币
						<image src="../../static/img/zhixiao.png" class="u-m-l-15"></image>
					</view>
				</view>
			</view>
			<view class="form">
				<view class="u-flex u-row-center myview">
					伙伴观点
				</view>
				<view class="u-flex u-row-center star u-m-t-20 u-p-b-20 u-border-bottom">
					<image src="../../static/img/blueshi.png"></image>
					<image src="../../static/img/blueshi.png"></image>
					<image src="../../static/img/blueshi.png"></image>
					<image src="../../static/img/bluestar.png"></image>
				</view>
				<view class="u-m-t-20">
					本次项目完成的非常出色，我们再接再厉！
				</view>
				<view class="u-m-t-20 u-flex u-row-between zhihui">
					<view class="riqi">2020-10-05 09:46:23</view>
					<view class="zhaopintwo">
						50智汇币
						<image src="../../static/img/zhixiao.png" class="u-m-l-15"></image>
					</view>
				</view>
			</view>
		</view>

		<view class="top"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				followLogo: this.$mAssetsPath.followLogo,
				bgColor: this.$u.color.bgColor,
				marginTop: 30,
				marginBottom: 30,
			}
		},
		methods: {



		}
	}
</script>

<style scoped lang="scss">
	page {
		background: #f4f4f4;
	}

	.riqi {
		padding: 4rpx;

		color: #4B9CFF;
		// opacity: 0.1;
		border-radius: 6rpx;
		background: #b9cce2;
	}

	.zhihui image {
		width: 27rpx;
		height: 27rpx;
	}

	.myview {

		color: #0D1D36;
		font-size: 36rpx;
	}

	.star image {
		width: 48rpx;
		height: 48rpx;
		margin-right: 30rpx;

	}

	.container {
		position: relative;

		.top {
			position: absolute;
			top: 0;
			width: 100%;
			height: 370upx;
			background: linear-gradient(0deg, #AC62FF, #DF62FF);
		}

		.qiye {
			position: relative;
		}

		.center {
			width: 690rpx;
			margin-bottom: 200rpx;
			z-index: 1;
			margin-left: 30rpx;
			position: relative;
			overflow: hidden;

			.form {
				width: 100%;
				height: 350rpx;
				background-color: #fff;
				border-radius: 20rpx;
				padding: 32rpx 30rpx;
				margin-top: 57rpx;

				.zhaopin {

					font-size: 36rpx;
					color: #0E1E36;
				}

				.zhaopintwo {
					font-size: 28rpx;

					color: #888D99;
				}
			}

			.qiye {
				width: 100%;
				height: 90rpx;
				background: #FFFFFF;
				border-radius: 20rpx 20rpx 0px 0px;

				.list {
					.item {
						display: flex;
						align-items: center;
						padding: 0 24rpx;
						justify-content: space-between;
					}
				}
			}
		}
	}
</style>
